<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>皮皮虾管理平台</title>

    <link href="js/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link href="font-awesome/css/font-awesome.css" rel="stylesheet">
    <!-- Sweet Alert -->
    <link href="css/plugins/sweetalert/sweetalert.css" rel="stylesheet">
    <!-- Ladda style -->
    <link href="css/plugins/ladda/ladda-themeless.min.css" rel="stylesheet">
    <!-- Toastr style -->
    <link href="css/plugins/toastr/toastr.min.css" rel="stylesheet">
    <link href="css/plugins/chosen/bootstrap-chosen.css" rel="stylesheet">

    <link href="css/plugins/iCheck/custom.css" rel="stylesheet">

    <!-- datatables -->
    <link rel="stylesheet" href="css/plugins/dataTables/datatables.min.css">
    <link href="css/animate.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">
    <script src="js/jquery-3.1.1.min.js"></script>
</head>

<body>
<div id="wrapper">
    <nav class="navbar-default navbar-static-side" role="navigation">
        <div class="sidebar-collapse">
            <ul class="nav metismenu" id="side-menu">
                <li class="nav-header">
                    <div class="dropdown profile-element"> <span>
                            <img alt="image" class="img-circle" src="img/profile_small.jpg"/>
                             </span>
                        <!--<a data-toggle="dropdown" class="dropdown-toggle" href="dashboard_2.html#">-->
                                <!--<span class="clear"> <span class="block m-t-xs"> <strong-->
                                        <!--class="font-bold">Ocean.Ren</strong>-->
                             <!--</span> <span class="text-muted text-xs block">金牌会员 <b class="caret"></b></span> </span>-->
                        <!--</a>-->
                        <ul class="dropdown-menu animated fadeInRight m-t-xs">
                            <!--<li onclick="loadPage('profile.html')"><a href="#">个人资料</a></li>-->
                            <!--<li onclick="loadPage('setting-securty.html')"><a href="#">安全设置</a></li>-->
                            <!--<li onclick="loadPage('setting-system.html')"><a href="#">系统设置</a></li>-->
                            <!--<li class="divider"></li>-->
                            <!--<li><a href="login.html">安全登出</a></li>-->
                        </ul>
                    </div>
                    <div class="logo-element">
                        YBB
                    </div>
                </li>


            </ul>

        </div>
    </nav>
    <script>
        var menus = [
            {
                name: '用户管理', url: '', childrens: [
                {name: '用户列表', url: 'system_page/userList.html'},
                {name: '车主认证', url: 'system_page/driversLicenseList.html'}
            ]
            },
            {
                name: '系统设置', url: '', childrens: [
                {name: '轮播图', url: 'system_page/carouselFigure.html'},
                {name: '费用设置', url: 'system_page/priceInfo.html'}
            ]
            }
        ]

        var menu_html = ''
        $(menus).each(function (x, menu) {
            if (menu.url) {
                menu_html += '<li onclick="loadPage(\'' + menu.url + '\',\'' + menu.name + '\')"><a href="javascript:void(0)"><i class="fa fa-th-large"></i> <span class="nav-label">' + menu.name + '</span> <span class="fa arrow"></span></a>';
            } else {
                menu_html += '<li><a href="javascript:void(0)"><i class="fa fa-th-large"></i> <span class="nav-label">' + menu.name + '</span> <span class="fa arrow"></span></a>';
            }
            if (menu.childrens && menu.childrens.length > 0) {
                menu_html += '<ul class="nav nav-second-level">';
                $(menu.childrens).each(function (y, children) {
                    menu_html += '<li onclick="loadPage(\'' + children.url + '\',\'' + children.name + '\')"><a href="javascript:void(0)" target="test">' + children.name + '</a></li>';
                });
                menu_html += '</ul>';
            }
            menu_html += '</li>';
        })
        $('#side-menu').append(menu_html);
    </script>
    <div id="page-wrapper" class="gray-bg">
        <div class="row border-bottom">
            <nav class="navbar navbar-static-top white-bg" role="navigation" style="margin-bottom: 0">
                <div class="navbar-header">
                    <a class="navbar-minimalize minimalize-styl-2 btn btn-primary " href="#"><i class="fa fa-bars"></i>
                    </a>
                </div>
                <ul class="nav navbar-top-links navbar-right">
                    <li>
                        <span class="m-r-sm text-muted welcome-message">欢迎 <span id="username"></span></span>
                    </li>
                    <li>
                        <a href="login.html">
                            <i class="fa fa-sign-out"></i> 安全退出
                        </a>
                    </li>
                </ul>
            </nav>
        </div>
        <div class="wrapper wrapper-content">
            <div class="row wrapper border-bottom white-bg page-heading">
                <div class="col-lg-10">
                    <h2>首页</h2>
                    <ol class="breadcrumb">
                        <li>
                            <a href="index.html">首页</a>
                        </li>
                        <li class="active">
                            <strong id="menu_name">欢迎</strong>
                        </li>
                    </ol>
                </div>
                <div class="col-lg-2">

                </div>
            </div>

            <div id="main-body" class="m-t">

            </div>
            <!--<div class="footer">-->
                <!--<div class="pull-right">-->
                    <!--<a href="mailto:30192798@qq.com">意见反馈</a>-->
                <!--</div>-->
                <!--<div>-->
                    <!--<strong>Copyright</strong> 科技厅 Company &copy; 2014-2017-->
                <!--</div>-->
            <!--</div>-->
        </div>
    </div>
</div>
<!-- Mainly scripts -->

<script src="js/bootstrap.min.js"></script>
<script src="js/plugins/metisMenu/jquery.metisMenu.js"></script>
<script src="js/plugins/slimscroll/jquery.slimscroll.min.js"></script>

<!-- Chosen -->
<script src="js/plugins/chosen/chosen.jquery.js"></script>

<!-- jQuery UI -->
<script src="js/plugins/jquery-ui/jquery-ui.min.js"></script>


<!-- Sweet alert -->
<script src="js/plugins/sweetalert/sweetalert.min.js"></script>

<!-- Custom and plugin javascript -->
<script src="js/inspinia.js"></script>

<script src="js/plugins/jquery-mockjax/jquery.mockjax.min.js"></script>

<script src="js/jquery.cookie.js"></script>

<!-- datatables -->
<script src="js/plugins/dataTables/datatables.min.js" charset="utf-8"></script>
<!-- Toastr script -->
<script src="js/plugins/toastr/toastr.min.js"></script>

<!-- Ladda -->
<script src="js/plugins/ladda/spin.min.js"></script>
<script src="js/plugins/ladda/ladda.min.js"></script>
<script src="js/plugins/ladda/ladda.jquery.min.js"></script>

<!-- iCheck -->
<script src="js/plugins/iCheck/icheck.min.js"></script>

<script src="js/plugins/bootstrap/datapicker/bootstrap-datetimepicker.min.js"></script>

<!-- <script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script> -->

<script src="js/main.js"></script>
<script src="./service.mock.js"></script>
<!-- <script src="index.js"></script> -->
<script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=A90ec8e3b3db38aea44711e743c5f8c3"></script>

<script src="js/dateUtil.js"></script>
</body>

</html>